body {
  height: 100%;
    background-color: #ffffff;
}

#mainContainer{
	width: 100%;
	height: 800px;
}

#previewContainer{
	width: 50%;
	height: 100%;
	float: left;
}

#actions{
	width: 50%;
	height: 100%;
	float: left;
}

.iframePreview{
	width: 100%;
	height: 810px;
	overflow: none;
}




/*Preview Theme*/
/*#ebebeb This is the background of the preview page*/
/*#364F6F This is the color for the toolbar*/

#viewer{
	background-color: #ebebeb;
	background-image: none;
}


#toolbarViewer {
  background-color: #364F6F;
  background-image: none;
}

#toolbarSidebar{
  background-color: #364F6F;
  background-image: none;	
}

#findbar {
  background-color: #364F6F;
  background-image: none;
}

#secondaryToolbar {
  background-color: #364F6F;
  background-image: none;
}

#scaleSelectContainer{
  background-color: #364F6F;
  background-image: none;	
}

.dropdownToolbarButton > select > option{
  background-color: #364F6F;
  background-image: none;	
}

#documentPropertiesContainer > *{
  background-color: #364F6F;
  background-image: none;
}



/*actions*/

.selectedSegment{
	opacity: 0.2;
	background: #ff0;
	box-shadow: 0px 2px 10px #ff0;
}

#dirtyPreview {
  position: relative;
}

.dirtyPreview{
	height: 17px;
	width: 98%;
	opacity: 0.6;
	background-color: #ff0000;
	box-shadow: 0px 2px 10px 1px #ff0000;
	text-align: center;
	vertical-align: middle;
	color: white; 
}

#notificationBar {
  position: relative;
}

.notificationMessage{
	height: 17px;
		width: 98%;
	opacity: 0.6;
	text-align: center;
	color: white; 
}

.success
{
	background-color: #47A447;
	box-shadow: 0px 2px 10px 1px #47A447;
}

.info
{
	background-color: #39B3D7;
	box-shadow: 0px 2px 10px 1px #39B3D7;
}

.warning
{
	background-color: #ED9C28;
	box-shadow: 0px 2px 10px 1px #ED9C28;
}

.danger
{
	background-color: #D2322D;
	box-shadow: 0px 2px 10px 1px #D2322D;
}